草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - Vue.js - 从指令发出事件

是否有可能从指令在该指令附加到的组件中发出自定义事件。我原以为它会像示例中描述的那样工作,但事实并非如此。例子://BasicDirectiveVue.directive('foo',{bind(el,binding,vnode){setTimeout(()=>{//vnode.context.$emit('bar');//BasicComponent{{label}}exportdefault{data(){return{label:'idontwork'}},methods:{change(){this.label='IDOWORK!';}}}对此事有什么想法吗?我错过了什么吗?J

javascript - 了解 vue.js 中的 Prop

我正在阅读学习vue.js的指南,进入Prop部分,遇到了一个问题。我知道子组件有独立的作用域,我们使用props配置将数据从父组件传递到它,但是当我尝试它时我无法让它工作。我有theexampleI'mworkingonuponjsfiddle:varvm=newVue({el:'#app',//datafrommyparentthatIwanttopasstothechildcomponentdata:{greeting:'hi'},components:{'person-container':{//passinginthe'greeting'propertyfromthepare

javascript - Vue Chart.js - 图表在数据更改时不更新

我正在使用Vue.js和Chart.js绘制一些图表。每次调用函数generateChart()时,图表都不会自动更新。当我检查VueDevtools中的数据时,它们是正确的,但图表没有反射(reflect)数据。但是,当我调整窗口大小时图表会更新。我的做法有什么问题吗?如何在每次调用generateChart()时更新图表?我觉得这将与object和array变更检测注意事项相关,但我不确定该怎么做。https://codepen.io/anon/pen/bWRVKB?editors=1010exportdefault{data(){constself=this;return{dat

javascript - Vue.js:检查组件是否存在

只有当某些组件不存在(它们未在HTML中声明)时,我才需要在根实例的ready:中做一些事情。如何检查组件是否存在? 最佳答案 我们可以从vm.$options可用的实例化选项中获取Vue实例的已加载(全局和/或本地)组件列表。其中vm是当前的Vue实例。vm.$options属性包含Vue实例的全部选项。例如vm.$options.components返回一个包含当前Vue实例vm加载组件的对象。然而,取决于组件的注册方式,可以通过Vue.component()全局注册。或locallywithinaVueinstanceopti

javascript - Vue.js : Best way to implement MPA(Multi page app) in laravel

我找了好久了,还是没找到。在Laravel中实现VueMPA架构的最佳方法和实践是什么。搜索了很多。但是没有任何东西可以给你一个清晰的想法。您的回答会有很大帮助,请简短。回答这个问题也很有帮助:只使用laravel作为数据API并保留Vue是个好主意吗与Laravel分开?实现SPA和MPA混合的最佳方法。 最佳答案 我已经使用过的一些选项:使用Laravel渲染“主视图”+连接vue.js应用。基本上,laravel将呈现Vue应用程序,并且每个请求都通过API。易于设置身份验证+用户验证更容易(您可以为此使用laravelses

javascript - 如果选项卡太多,如何使 Jquery UI 选项卡水平滚动

现在上图是一个“标签过多”的例子,默认显示为多行。但我想把它做成单行并且可以水平滚动,要么在开始标签之前和最后一个标签之后添加两个箭头,要么自动滚动都可以。 最佳答案 我对这个问题有不同的方法,因为我认为标签的滚动是违反直觉的。我创建了一个插件来在选项卡分到第二行时执行下拉菜单。https://github.com/jasonday/plusTabs 关于javascript-如果选项卡太多,如何使JqueryUI选项卡水平滚动,我们在StackOverflow上找到一个类似的问题:

javascript - 如何使用 jQuery animate() 函数在 div 中滚动?

我有这段代码片段可以将整个主体滚动到特定位置→$('html,body').animate({scrollTop:1000},800,'swing');但是如果我想像这样滚动到div中的特定位置怎么办→$('#div-id').animate({scrollTop:1000},800,'swing');我试过这种方法,但它不起作用,你能告诉我哪里错了吗?注意:元素#div-id将overflow:auto作为其css规则之一。 最佳答案 试试这个演示:$('#div').scroll();$("#div").animate({scr

javascript - 为所有哈希链接/调用的滚动位置添加一个自动偏移量

我有以下问题:就像在Facebook上一样,我在页面顶部有一个始终可见的菜单栏(position:fixed;)。当我现在点击我页面上的散列链接(或加载一个新的url中有散列的页面)以跳转到页面上的某个元素时,浏览器总是将该元素滚动到页面的最顶部,这意味着元素位于顶部菜单栏后面。我想添加一些Javascript(jQuery或普通Javascript),它会自动向该滚动位置添加(负)偏移量,以便链接元素位于顶部菜单栏的右下方单击链接或加载页面时。但我不只是想将事件监听器添加到处理此问题的所有链接。我还想要一个有效的解决方案,如果页面使用浏览器的地址栏加载了url中的散列部分(或者当链接

javascript - 如何获得最大文档滚动值

我正在制作一些插件,我需要获取文档的最大scrollTop值。最大scrollTop值为2001,但$(document).height()返回2668和$('body')[0].scrollHeight给我undefined。如何通过javascript/jquery获取2001?! 最佳答案 您评论中的代码应该可以工作:$(document).height()-$(window).height()这是一个在您滚动到最大滚动位置时发出警报的示例:http://jsfiddle.net/DWn7Z/

javascript - 何时使用 vm。或这个。在 Vue.js 中

我对什么时候在vue.js中使用“这个”这个词有点困惑。例如,在下面的代码中,我到处都使用“vm”而不是“this”,代码不起作用。我也看到了一些使用“self”的示例,但是我不是JavaScript大师,这真的很令人困惑。varvm=newVue({el:'#app',data:{tickets:[],top:100,search:'',showAdd:false,},mounted:function(){this.$nextTick(function(){console.log('mounted');this.GetTickets(100);})},methods:{GetTick